html,body{
    width: 100%;
    height: 100%;
}
body{
    background-color: #444;
}

.modal{
    position: fixed;
    background-color: #fff;
    width: 96%;
    /*height: 96%;*/
    text-align: center;
    border-radius:.5rem;
    box-shadow:0 0 1rem rgba(0, 0, 0, .9);
    overflow: hidden;
}
a{
    text-decoration: none;
    color:  #5da9ff;

}

.back{
    font-size:.7rem;
    display: block;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    background-color: #cccccc;
}

.join{
    text-align: center;
    margin: 1rem auto;
    color: #888888;
}